* {
	font-family: monospace;
	font-size:14pt;
}
body {
	min-width:820px;
}
.main {
	margin-right:200px;
	padding-right:10px;
}
.summary {
	width:200px;
	float:right;
}
#timetable, #summarytable {
	border-collapse:separate;
	border-spacing:1px;
	background-color: #a0a0a0;
	width: 100%;
}
#summarytable {
	position:relative;
}
#summarytable td {
	background-color:#f8f8ff;
	padding: 5px;
}
#summarytable th {
	background-color:#f0f0ff;
	padding: 5px;
}
#timetable td, #timetable th, #timetable input {
	text-align: center;
}
#timetable th {
	background-color: #d0d0d0;
}
#timetable td {
	background-color: #ffffff;
}
#timetable .sut td, #timetable .sut input {
	background-color: #f0f0ff;
}
#timetable .sun td, #timetable .sun input {
	background-color: #fff0f0;
}
.date {
	width:5%;
	min-width:60px;
}
.start, .end, .achievement, .lack {
	width:7%;
	min-width:60px;
}
.ordinary, .overtime, .absence, .salaried, .special, .office, .shift {
	width:7%;
	min-width:60px;
//	display:none;
}
.remarks {
}

.menu {
	margin: -10px -10px 0 -10px;
	padding: 10px;
	background-color: #f0f0f0;
}

.menu select, .menu input {
	padding:5px 20px;
}

.menu select {
	padding-right:5px;
	background-image:url(img/button.png);
	background-position: center;
}

#modalbackground {
	background-color:#000000;
	margin: 0;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	position: fixed;

    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.modal {
	margin: 0;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	position: fixed;
	display: none;
}
.modal > * {
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#loading {
	display: block;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#timetypeselect {
}
#timetypeselect > div, #timedetail > div {
	width:80%;
	min-width:300px;
	max-width:400px;
	max-height:80%;
	overflow:auto;
	padding:1em;
	color: #202020;
	background-color: #ffffff;
	border: 1px solid #404040;
}
#timetypeselect input, #timedetail input {
	padding: 0.5em;
	width:100%;
}
#timedetail table {
	width: 100%;
}
